<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title>个人申请</title>
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../common/mui/mui.css" rel="stylesheet" />
		<link href="../../common/css/yahei.css" rel="stylesheet" />
		<link href="../../common/css/iconfont.css" rel="stylesheet" />
		<link href="../../common/css/app.css" rel="stylesheet" />
		<link href="../../common/mui/mui.picker.min.css" rel="stylesheet" />
		<link href="../../dependence/wkplatform/css/ky/kyList.css" rel="stylesheet" />
		<style type="text/css">
			header .nurfont{
				float: right;
				height: 44px;
				line-height: 44px;
				width: 30px;
				text-align: center;
				color: var(--mainColor);
				display: none;
			}
			header.hasStatic .nurfont{
				display: block;
			}
			.mui-bar .mui-title{
				left: 70px;
				right: 70px;
			}
			.leftText {
				width: var(--size100);
				text-align: right;
			}

			.rightText {
				width: calc(100% - var(--size100));
			}

			.mui-table-view-cell > .mui-slider-left > .mui-btn, .mui-table-view-cell > .mui-slider-right > .mui-btn {
				background-color: transparent;
				padding: 0!important;
				width: var(--size50);
				flex-wrap: wrap;
				color: red;
			}
			.deleteBox{
				width: 100%;
				font-size: var(--size10);
			}
			.deleteBox .mui-icon{
				font-size: var(--size16);
			}
			.seperateLine{
				position: absolute;
				width: 1px;
				background-color: #EEF1F6;
				height: 80%;
				top: 10%;
			}
			.headerImg{
				line-height: var(--size15);
				text-align: center;
				overflow: hidden;
				font-size: var(--size10);
				color: white;
			}
			/* 事假 */
			.shijia{
				background-color: var(--mainColor);
			}
			.nianjia{
				background-color: #EEB70B;
			}
			.statusIcon .nur-shenhezhong{
				color: goldenrod;
			}
			.mui-slider-handle .statusIcon{
				right: 0;
			}
			/* 筛选 */
			#leaveType{
				bottom: 0;
				width: 100%;
				height: var(--size300);
				font-size: var(--size14);
			}
			.typeHeader{
				height: var(--size40);
				line-height: var(--size40);
				
				padding-left: var(--size20);
			}
			#leaveType .mui-scroll-wrapper{
				top: var(--size40);
				bottom: var(--size50);
			}
			.schItem{
				display: inline-block;
				width: calc(50% - var(--size30));
				margin-left: var(--size20);
				border: solid 1px #BBBBBB;
				height: var(--size25);
				font-size: var(--size12);
				border-radius: 4px;
				line-height: var(--size25);
				text-align: center;
			}
			.schItem.mui-active{
				color: white;
				background-color: #75AC47;
				border-color: #75AC47;
			}
			.bottomArea{
				position: absolute;
				bottom: 0;
				height: var(--size50);
				width: 100%;
				padding-top: var(--size4);
			}
			.bottomArea div{
				display: inline-block;
				width: calc(50% - var(--size30));
				height: var(--size36);
				line-height: var(--size36);
				margin-left: var(--size20);
				text-align: center;
				border: solid 1px #BBBBBB;
				border-radius: 4px;
			}
			.bottomArea .sureBtn{
				background-color: #75AC47;
				color: white;
				border-color: #75AC47;
			}
			.dateHeader{
				position: relative;
			}
			.staticText{
				position: absolute;
				left: var(--size10);
				font-size: var(--size14);
			}
		</style>
	</head>

	<body class="YaHei">
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title"></h1>
			<div id="applyFilter" class="nurfont nur-shaixuan"></div>
			<div id="applyStatistic" class="nurfont nur-jurassic_chart"></div>
			
		</header>
		<div class="mui-content">
			<div class="dateHeader">
				<div class="staticText"></div>
				<div id="stBtn" class="dateBtn"></div>
				<div class="dateZhi">至</div>
				<div id="endBtn" class="dateBtn"></div>
			</div>
			<div id="wrapper" class="mui-scroll-wrapper">
				<div id="scroll" class="mui-scroll mui-scroll-phone">
					<ul id="UL" class="mui-table-view"></ul>
				</div>
			</div>
		</div>
		<div id="addBtn" class="addBtn">+</div>
		<div id="leaveType" class="mui-popover leaveType">
			<div class="typeHeader">请假类型筛选</div>
			<div id="typeWrapper" class="mui-scroll-wrapper">
				<div id="typeScroll" class="mui-scroll">
					<div class="schItem mui-ellipsis mui-active" data-index="-1" data-rw="">全部</div>
				</div>
			</div>
			<div class="bottomArea">
				<div class="resetBtn">重置</div>
				<div class="sureBtn">确定</div>
			</div>
		</div>
		<script src="../../common/mui/mui.js"></script>
		<script src="../../common/mui/mui.picker.min.js"></script>
		<script src="../../common/mui/mui.pullToRefresh.js"></script>
		<script src="../../common/mui/mui.pullToRefresh.material.js"></script>
		<script src="../../dependence/teach/js/teachDate.js"></script>
		<script src="../../common/js/globalSet.js"></script>
		<script src="../../common/js/jquery-3.4.1.min.js"></script>
		<script src="../../common/js/DHCWebService.js"></script>
		<script src="../../common/js/app.js"></script>
		<script src="../../dependence/wkplatform/js/leave/pmLeaveApply.js"></script>
	</body>

</html>
